7.  objekt Image

7.4  objekt zoomen

Beim zoomen eines elements einer seite, beispielsweise einer grafik ist nicht gemeint per bildwechsel (vgl. 7.2) eine kleine grafik gegen eine größere auszuwechseln, vielmehr wird dabei eine grafik verkleinert angezeigt (vorschaubild) und dann durch irgend eine aktion größer angezeigt, d.h. es ist nur eine grafik vorhanden, die in unterschiedlicher größe angezeigt wird. Das funktioniert nur, wenn breite und höhe der grafik mit styles definiert sind.

Die überschrift ist ein wenig irreführend, es können nicht nur Image-objekte, sondern beliebige elemente gezoomt werden.

zoome - einfaches zoomen
Für das zoomen von objekten wird hier die funktion zoome zur verfügung gestellt, mit der beliebige elemente gezoomt und auch wieder verkleinert werden können. Während eine seite geladen ist, können mehrere elemente gleichzeitig gezoomt werden. Die funktion sammelt für jedes gezoomte element informationen in einem array, dabei wird für ein element im array nur ein eintrag erzeugt, gleichgültig, wie oft das objekt gezoomt wird.

beispiel 7e - zoomen
Das beispiel zeigt das zoomen von grafiken. Die grafik, die gezoomt werden soll, stellt man mit einem img-tag in die seite, das tag muss eine id haben, außerdem muss man breite und höhe für das vorschaubild angeben. Der aufruf der funktion erfolgt dann entweder mit einem link oder mit onclick. Das beispiel ist so konstruiert, dass die grafik durch anklicken gezoomt wird. Als parameter enthält der funktionsaufruf die id des img-tags und breite und höhe zu der die grafik gezoomt werden soll. Bei dieser konstruktion wird die funktion auch aufgerufen, wenn die gezoomte grafik angeklickt wird, um die grafik wieder zu verkleinern. Wenn man das mit einem eigenen funktionsaufruf erreichen will, muss man ebenfalls die drei parameter angeben.

funktion zoome
Die funktion prüft zunächst die anzahl der übergebenen parameter, wurden zu wenig übergeben, bricht die funktion ab. Dann wird geprüft, ob für das element bereits informationen gespeichert sind. Ist das der fall und und das element ist gezoomt, wird es mit den gespeicherten werten verkleinert, andernfalls mit den parameterwerten gezoomt.Sind für das element noch keine informationen gespeichert, wird ein neuer eintrag im array angelegt, die informationen werden gespeichert und das element wird mit den parameter werten gezoomt.

Im code der funktion wird leider von objekten statt von elementen geprochen, es wird gebeten diese schludrigkeit zu entschuldigen.

EXEC    beispiel7e  ausführen

zum untermenü

    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  H T M L  
  C S S  
  P H P  
  My S Q L  
  javascript